<template>
	<view class="container">
		<view class="tipBox">
			<text class="f28 c666">您在使用过程中遇到问题可以联系官方客服</text>
		</view>
		<view class="helpList">
			<view class="item"  @click="call">
				<view class="name f30 c333">官方电话：<text>{{msg}}</text></view>
			<!-- 	<view class="text f30">前往官网</view> -->
			</view>
		<!-- 	<view class="item">
				<view class="name f30 c333">查看网络版手册</view>
				<view class="arrow"><image src="../../../static/images/arrow_right.png" mode="aspectFit"></image></view>
			</view>
			<view class="item">
				<view class="name f30 c333">查看视频教程</view>
				<view class="arrow"><image src="../../../static/images/arrow_right.png" mode="aspectFit"></image></view>
			</view> -->
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				msg:'110'
			}
		},
		methods: {
			call(){
				uni.makePhoneCall({
				    phoneNumber: this.msg //仅为示例
				});
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F7F4F8;
	}
	.tipBox{
		padding: 25upx 30upx;
	}
	.helpList{
		.item{
			height: 105upx;
			line-height: 105upx;
			background-color: $white-background;
			margin-bottom: 20upx;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			padding: 0 30upx;
			.name{
				text{
					color: #249AF6;
				}
			}
			.text{
				color: #249AF6;
			}
			.arrow{
				image{
					width: 20upx;
					height: 35upx;
					vertical-align: middle;
				}
			}
		}
	}
</style>
